<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="eng" lang="eng">
    <head> 
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>跳转提示</title>
        <style>
            *{margin:0px;padding:0px;}
            html, body, div, h1, h2, h3, ul, ol, li, dt, p, table, th, td ,img{margin:0;padding:0;border:none;}
            body{width:100%;height:100%;background:#000000 url() no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size: cover;color:#2f2f2f;font-weight:normal;font-style:normal;}

            a:link, a:hover,a:visited{color:#2f2f2f;text-decoration:none;}


            .social{margin:50px auto;width:408px;padding-bottom:50px;}
            .social-icons{display:block;height:48px;}
            .social-icons li{display:inline-block;margin-left:6px;}

            @media screen and (min-width:802px) {
                /* 800+ resolution */

                .controller{width:942px;margin:auto;}
                .objects{width:100%;height:673px;background:url() no-repeat center center;}
                .text-area{width:300px;padding-top:180px;margin-left:40px;text-align:center;}
                .error{font:60px Jenna Sue, Helvetica, Arial, sans-serif;}
                .details, .homepage{font:42px Jenna Sue, Helvetica, Arial, sans-serif;}
                .homepage{background:url() no-repeat;padding-left:50px;float:right;right:45px;top:-50px;position:relative;text-align:center;}


            }
            .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
            /*
            This is not legal version, preview only mode. If you're using this one, you're just fucking cheap. Seriously, It's about 5$, can't you afford it?
            */

            @media screen and (min-width:602px) and (max-width:801px) {
                /* 800- resolution */

                .controller{width:800px;margin:auto;}
                .objects{width:100%;height:673px;background:url(../_images/objects-800.png) no-repeat center center;}
                .text-area{width:250px;padding-top:190px;margin-left:40px;text-align:center;}
                .error{font:86px Jenna Sue, Helvetica, Arial, sans-serif;}
                .details, .homepage{font:42px Jenna Sue, Helvetica, Arial, sans-serif;}
                .homepage{background:url(../_images/home.png) no-repeat;padding-left:50px;float:right;right:25px;top:-50px;position:relative;text-align:center;}

            }

            @media screen and (min-width:0px) and (max-width:601px) {
                /* 600- resolution */

                .controller{width:600px;margin:auto;}
                .objects{width:100%;height:673px;background:url(../_images/objects-600.png) no-repeat center center;}
                .text-area{width:200px;padding-top:230px;margin-left:20px;text-align:center;}
                .error{font:56px Jenna Sue, Helvetica, Arial, sans-serif;}
                .details, .homepage{font:32px Jenna Sue, Helvetica, Arial, sans-serif;}
                .homepage{background:url(../_images/home-600.png) no-repeat;padding-left:35px;float:right;right:20px;top:-50px;position:relative;text-align:center;}

            }
        </style>
    </head> 
    <body> 
        <div class="controller">
            <div class="objects"> 
                <!-- text area -->
                <div class="text-area " style='-o-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);-ms-transform:rotate(-10deg);'>
                    <p class="error">很抱歉！</p>

                    <p class="details"><?php echo($error); ?><br /><br /><b id="wait"><?php echo($waitSecond); ?></b> 秒后页面将自动跳转</p> 
                </div> 
                <!-- text area -->
                <!-- home page --> 
                <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >Website Template</a></div>
                <div class="homepage" style='-o-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);-ms-transform:rotate(-10deg);'>
                    <a id="href" href="<?php echo($jumpUrl); ?>">立即跳转</a> <br>
                    <a id="btn-stop" onclick="stop()">停止跳转</a> 
                </div> <!-- home page --> 
            </div>

        </div> 
        <script type="text/javascript">
            (function () {
                var wait = document.getElementById('wait'), href = document.getElementById('href').href;
                var interval = setInterval(function () {
                    var time = --wait.innerHTML;
                    if (time <= 0) {
                        location.href = href;
                        clearInterval(interval);
                    }
                    ;
                }, 1000);
                window.stop = function () {
                    console.log(111);
                    clearInterval(interval);
                }
            })();
        </script>
    </body>
</html>
